import { asyncRoutes, constantRoutes } from '@/router'

/**
 * Use meta.role to determine if the current user has permission
 * @param roles : 用户的角色 : ["editor"]
 * @param route : 对异步路由表中每一个异步路由的浅拷贝
 */
function hasPermission(roles, route) {
  if (route.meta && route.meta.roles) {
    // 用户的角色数组中只要有一项出现在路由表的角色元信息数组 我们就认为当前用户具有访问路由的权限!
    return roles.some(role => route.meta.roles.includes(role))
  } else {
    return true
  }
}

/**
 * Filter asynchronous routing tables by recursion
 * @param routes asyncRoutes : [{path:"...",roles:[...],children:[{},{}]}]
 * @param roles : 用户的角色 : ["editor"]
 * 根据用户的角色去异步路由表中加载对应的路由
 */
export function filterAsyncRoutes(routes, roles) {
  const res = []
  // 对异步路由表进行循环; route:每一个异步路由
  routes.forEach(route => {
    // 对异步路由做浅拷贝!
    const tmp = { ...route }
    // 判断当前用户是否有权限访问当前路由
    if (hasPermission(roles, tmp)) {
      if (tmp.children) {
        tmp.children = filterAsyncRoutes(tmp.children, roles)
      }
      res.push(tmp)
    }
  })

  return res
}

const state = {
  // 当前用户可以访问的路由 拼上了 常量路由
  routes: [],
  // 当前用户可以访问的路由
  addRoutes: []
}

const mutations = {
  SET_ROUTES: (state, routes) => {
    state.addRoutes = routes
    state.routes = constantRoutes.concat(routes)
  }
}

const actions = {
  // 生成路由!!!
  generateRoutes({ commit }, roles) {
    return new Promise(resolve => {
      // asyncRoutes:异步路由
      // accessedRoutes 对异步路由处理完形成的路由(可访问的路由)
      let accessedRoutes
      // roles: [admin] / [editor]
      if (roles.includes('admin')) {
        // 如果登录用户是admin 所有的异步路由都是可访问的路由
        accessedRoutes = asyncRoutes || []
      } else {
        // 如果是其他用户!!! 则需要从异步路由过滤他可以访问的路由
        // filterAsyncRoutes : 根据用户角色过滤异步路由的核心方法
        accessedRoutes = filterAsyncRoutes(asyncRoutes, roles)
      }
      commit('SET_ROUTES', accessedRoutes)
      resolve(accessedRoutes)
    })
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
